<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="framework/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="css/businessList.css" rel="stylesheet">
    <title>饿了么 商家列表</title>
</head>
<body>
    <div class="wrapper">
        <!--header 部分 -->
        <header>
            <p>商家列表</p>
        </header>

        <!-- 商家列表部分-->
        <ul class="business">
            <li onclick="location.href='businessInfo.html'">
                <div class="business-img">
                    <img src="img/sj01.png">
              <div class="business-img-quantity">3</div>
                </div>
                <div class="business-info">

                  <h3>万家饺子（软件园E18店）</h3>
                  <p>&#165;15起送 | &#165;3配送</p>
                  <p>饺子炒菜，千奇百怪！</p>
              </div>
            </li>

            <li onclick="location.href='businessInfo.html'">
                <div class="business-img">
                    <img src="img/sj02.png">

                </div>
                <div class="business-info">

                    <h3>小锅饭豆腐馆（全运店）</h3>
                    <p>&#165;15起送 | &#165;3配送</p>
                    <p>豆腐多多！</p>
                </div>
            </li>

            <li onclick="location.href='businessInfo.html'">
                <div class="business-img">
                    <img src="img/sj03.png">
                    <div class="business-img-quantity">5</div>
                </div>
                <div class="business-info">

                    <h3>麦当劳麦乐送（全运路店）</h3>
                    <p>&#165;15起送 | &#165;3配送</p>
                    <p>汉堡薯条</p>
                </div>
            </li>

            <li onclick="location.href='businessInfo.html'">
                <div class="business-img">
                    <img src="img/sj04.png">

                </div>
                <div class="business-info">

                    <h3>米村拌饭（浑南店）</h3>
                    <p>&#165;15起送 | &#165;3配送</p>
                    <p>炒菜拌饭</p>
                </div>
            </li>

            <li onclick="location.href='businessInfo.html'">
                <div class="business-img">
                    <img src="img/sj05.png">
                    <div class="business-img-quantity">66</div>
                </div>
                <div class="business-info">

                    <h3>申记串道（中海康城店）</h3>
                    <p>&#165;15起送 | &#165;3配送</p>
                    <p>烤串炸串</p>
                </div>
            </li>

            <li onclick="location.href='businessInfo.html'">
                <div class="business-img">
                    <img src="img/sj06.png">

                </div>
                <div class="business-info">

                    <h3>半亩良田排骨米饭</h3>
                    <p>&#165;15起送 | &#165;3配送</p>
                    <p>排骨米饭套餐</p>
                </div>
            </li>

            <li onclick="location.href='businessInfo.html'">
                <div class="business-img">
                    <img src="img/sj07.png">

                </div>
                <div class="business-info">

                    <h3>茶兮鲜果饮品（国际软件园店）</h3>
                    <p>&#165;15起送 | &#165;3配送</p>
                    <p>甜品饮品</p>
                </div>
            </li>


        </ul>


        <!-- 底部菜单 -->
        <ul class="footer">
            <li onclick="location.href='index.html'">
                <i class="fa fa-home"></i>
                <p>首页</p>
            </li>
            <li>
                <i class="fa fa-compass"></i>
                <p>发现</p>
            </li>
            <li onclick="location.href='orderList.html'">
                <i class="fa fa-file-text-o"></i>
                <p>订单</p>
            </li>

            <li onclick="location.href='login.html'">
                <i class="fa fa-user-o"></i>
                <p>我的</p>
            </li>
        </ul>

    </div>
</body>
</html>